.tab-bar {
  display: flex;
  background: #fff;
  border-bottom: 1px solid #f4f4f4;
  width: 100%;
  height: 94rpx;
  align-items: center;
  box-sizing: border-box;
  display: flex;

  .tab-item {
    font-size: 30rpx;
    color: #616065;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    .tab-label {
      display: block;
      height: 46rpx;
      line-height: 46rpx;
      font-size: 30rpx;
      display: -webkit-box;
    }

    &.active {
      font-weight: bold;
      font-size: 32rpx;
      color: $primary-color;
    }

    .tab-bottom {
      display: block;
      width: 32rpx;
      height: 4rpx;
      background-color: $theme-color;
      transform: scale(0);
      transition-duration: 300ms;
      margin-top: 4rpx;
      &.show {
        transform: scale(1);
      }
    }
  }


  .tab-container {
    margin-top: 24rpx;
    height: calc(100vh - 200rpx); // 减去头部和底部的高度
    display: flex;
    flex-direction: column;

    .taroify-tabs__tab--active {
      color: $primary-color !important; // 选中文字颜色
      font-size: 30rpx !important; // 选中文字大小
      font-weight: bold !important; // 选中文字加粗
    }

    .tab-content {
      background-color: #f4f4f4;
      flex: 1;
      padding: 1rpx 24rpx;
      box-sizing: border-box;
      height: 100%;
      overflow: hidden;
    }
  }


}
